@import "~taro-ui/dist/style/components/float-layout.scss";
@import "~taro-ui/dist/style/components/list.scss";
$cm-color: #a29bfe;
.avatar {
  flex-direction: column;
  .a-img {
    width: 150rpx;
    height: 150rpx;
    border-radius: 50%;
  }
  .name {
    margin-top: 30rpx;
    color: $cm-color;
    font-weight: 800;
    background: linear-gradient(
      120deg,
      #fff,
      $cm-color 25%,
      #fff 50%,
      $cm-color 75%,
      #fff
    );
    -webkit-text-fill-color: transparent;
    background-clip: text;
    font-size: 48rpx;
    background-size: 200% 100%;
    animation: masked-animation 3s infinite linear;
  }
  .login {
    position: relative;
    margin-top: 30rpx;
    padding: 15rpx 30rpx;
    text-align: center;
    color: #fff;
    &::before {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      border: 4rpx solid #a29bfe;
      transition: all 0.5s;
      animation: clippath 3s infinite linear;
    }
  }
}

.float-container {
  padding: 18rpx 60rpx;
  .word {
    font-size: 35rpx;
    color: $cm-color;
    margin: 25rpx 0;
  }
  .user-time {
    margin-bottom: 30rpx;
  }
  .date-container {
    margin-top: 20rpx;
  }
  .submit-button {
    margin: 35rpx auto;
    text-align: center;
    cursor: pointer;
    line-height: 70rpx;
    background-color: $cm-color;
    height: 70rpx;
    width: 130rpx;
    color: #fff;
  }
  .layout-body {
    height: 300rpx;
  }
}
